import * as React from 'react';
import {observer} from 'mobx-react'
import styles from './index.scss';

import Left from './Left'
import Right from './Right'
import {IFinishType} from "../../../type/firstType";

interface IProps {
    unFinished: IFinishType[]
    dataX?: string[]
    dataYB?: number[]
    dataYL?: number[]
}

@observer
class Home extends React.Component<IProps> {

    constructor(props) {
        super(props);
    }


    public render() {
        const {unFinished, dataYL, dataYB, dataX} = this.props
        return (
            <div className={styles.botOne}>
                <Left dataYL={dataYL} dataYB={dataYB} dataX={dataX}/>
                <Right unFinished={unFinished}/>
            </div>
        );
    }
}

export default Home;
